<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>cors</title>
    <script type="text/javascript" src="js/jquery.js"></script>
</head>
<body>
<p id="form">form 提交</p>
<p id="json">application/json</p>

<p id="form2">form 提交  自定义请求头</p>
<p id="json2">application/json 自定义请求头</p>
</body>
<script>
$(function() {
	var data={
			name:"margo",
			age:18
	}
	$("#form").bind('click' , function(){
		$.ajax({
			type : "post", // 提交方式：get/post
			url : "http://10.10.43.141:13201/cors/form", // 请求地址路径
			dataType:'json',
			contentType:'application/x-www-form-urlencoded',
			data :data, 
			success : function(json) {
				console.log(json);
			},
			error:function(result){
				console.log(result);
		    }
		});			
	});
	$("#json").bind('click' , function(){
		$.ajax({
			type : "post", // 提交方式：get/post
			url : "http://10.10.43.141:13201/cors/json", // 请求地址路径
			dataType:'json',
			contentType: "application/json;charset=utf-8",
			data :JSON.stringify(data), 
			success : function(json) {
				console.log(json);
			},
			error:function(result){
				console.log(result);
		    }
		});		
	});
	
	
	$("#form2").bind('click' , function(){
		$.ajax({
			type : "post", // 提交方式：get/post
			url : "http://10.10.43.141:13201/cors/form", // 请求地址路径
			dataType:'json',
			contentType:'application/x-www-form-urlencoded',
			data :data, 
			headers:{
				access-token:"123456789"
			},
			success : function(json) {
				console.log(json);
			},
			error:function(result){
				console.log(result);
		    }
		});			
	});
	$("#json2").bind('click' , function(){
		$.ajax({
			type : "post", // 提交方式：get/post
			url : "http://10.10.43.141:13201/cors/json", // 请求地址路径
			dataType:'json',
			contentType: "application/json;charset=utf-8",
			data :JSON.stringify(data), 
			headers:{
				access-token:"123456789"
			},
			success : function(json) {
				console.log(json);
			},
			error:function(result){
				console.log(result);
		    }
		});		
	});
});

</script>
</html>